﻿<phone:PhoneApplicationPage x:Class="WPNEXT.Views.GuidePage"
                            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                            xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
                            xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
                            xmlns:System="clr-namespace:System;assembly=mscorlib"
                            xmlns:WPNextTools="clr-namespace:WPNextTools.NControls;assembly=WPNextTools"
                            d:DesignHeight="800"
                            d:DesignWidth="480"
                            Orientation="Portrait"
                            shell:SystemTray.IsVisible="False"
                            SupportedOrientations="Portrait"
                            mc:Ignorable="d">
    <phone:PhoneApplicationPage.Resources>

        <Style x:Key="GuideBtnStyle" TargetType="Button">
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}" />
            <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}" />
            <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}" />
            <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}" />
            <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}" />
            <Setter Property="Padding" Value="10,3,10,5" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid Background="Transparent">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="MouseOver" />
                                    <VisualState x:Name="Pressed" />
                                    <VisualState x:Name="Disabled" />
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Image Margin="0" Source="/Images/Guides/Start_Default.png" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </phone:PhoneApplicationPage.Resources>

    <!--  Sample code showing usage of ApplicationBar  -->
    <!--
        <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
        <shell:ApplicationBar.MenuItems>
        <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
        <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
        </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
        </phone:PhoneApplicationPage.ApplicationBar>
    -->

    <phone:PhoneApplicationPage.FontFamily>
        <StaticResource ResourceKey="PhoneFontFamilyNormal" />
    </phone:PhoneApplicationPage.FontFamily>
    <phone:PhoneApplicationPage.FontSize>
        <StaticResource ResourceKey="PhoneFontSizeNormal" />
    </phone:PhoneApplicationPage.FontSize>
    <phone:PhoneApplicationPage.Foreground>
        <StaticResource ResourceKey="PhoneForegroundBrush" />
    </phone:PhoneApplicationPage.Foreground>

    <!--  LayoutRoot is the root grid where all page content is placed  -->
    <Grid x:Name="LayoutRoot">
        <Canvas x:Name="ContainerCanvas"
                Width="2400"
                Height="800">
            <Canvas.Projection>
                <PlaneProjection />
            </Canvas.Projection>
            <Image x:Name="Image1"
                   Canvas.Left="0"
                   Source="/Images/Guides/1.jpg" />
            <Image x:Name="Image2"
                   Canvas.Left="480"
                   Source="/Images/Guides/2.jpg" />
            <Image x:Name="Image3"
                   Canvas.Left="960"
                   Source="/Images/Guides/3.jpg" />
            <Image x:Name="Image4"
                   Canvas.Left="1440"
                   Source="/Images/Guides/4.jpg" />
            <Image x:Name="Image5"
                   Canvas.Left="1920"
                   Source="/Images/Guides/5.jpg" />
            <Image x:Name="Image6"
                   Canvas.Left="2400"
                   Source="/Images/Guides/6.jpg" />
            <Image x:Name="HeartImage"
                   Canvas.Left="0"
                   Canvas.Top="335"
                   Source="/Images/Guides/heart.png"
                   Visibility="Collapsed" />
            <Button x:Name="button"
                    Canvas.Left="2258"
                    Canvas.Top="689"
                    Style="{StaticResource GuideBtnStyle}"
                    Visibility="Collapsed" />
        </Canvas>
    </Grid>

</phone:PhoneApplicationPage>
